﻿<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="event.html">
        <meta name="keywords" content="event,html,js">
        <title>javascript的程序开发之表单提交事件处理</title>
        <script type="text/javascript" src="form.js"></script>
    </head>
    <body>
        <form action="pass.html" method="post" id="loginForm">
            登录邮箱：<input type="text" name="email" id="email"></input><br>
            <button type="submit" id="subBtn">登录</button>
        </form>
    </body>
	<script type="text/javascript">
		window.onload = function(){ 
		document.getElementById('loginForm').addEventListener("submit",function(e){
			var emailObj = document.getElementById("email");
			if (emailObj.value == "") {
				alert("您还有输入登录邮箱，无法登录！");
				if (e && e.preventDefault) {  // 在W3C标准下执行
					e.preventDefault();       //阻止浏览器的动作
				}else{                        //专门针对于IE浏览器的处理
					window.event.returnValue= false;
				}
			}else{  
				alert(emailObj.value);
				if (/^\w+@\w+\.\w+$/.test(emailObj.value)) {
					this.submit(); 
				}else{ 
					alert("请输入合法的EMAIL地址!");
					if (e && e.preventDefault) {   // 在W3C标准下执行
						e.preventDefault();        //阻止浏览器的动作
					}else{                         //专门针对于IE浏览器的处理
						window.event.returnValue= false;
					}
				}
			}
		},false);
	}
	function submit () {
		return false;
	}

	</script>
</html>　
